<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap 模板</title>
	  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8" >
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <script src="js/jquery-1.11.1.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
      <!--[if lt IE 9]>
         <script src="js/html5shiv.js"></script>
         <script src="js/respond.min.js"></script>
      <![endif]-->
   </head>
   <body>
      <div class="container">
      	<div class="row">
      		<div class="col-xs-12">
      			<div class="modal-dialog">
      				<div class="modal-content">
      					<div class="modal-header">
      						<div class="modal-title">
      							<div>编辑李小小</div>
							</div>
						</div>
      						<form class="form-horizontal">
      							<div class="form-group">
      								<label class="control-label col-xs-3">姓名:</label>
									<div class="col-xs-6">
											<div class="input-group">
											<span class="input-group-addon">
											<span class="glyphicon glyphicon-user"></span>
											</span>
											<input class="form-control" placeholder="李小小" />
											</div>
										</div>
									</div>
							</form>
							<form class="form-horizontal">
      							<div class="form-group">
      								<label class="control-label col-xs-3">手机:</label>
									<div class="col-xs-6">
											<div class="input-group">
											<input class="form-control " placeholder="1392141432">
											<div class="btn btn-default"  data-toggle="modal" data-target="#mymodal">删除</div>
											<div id="mymodal" class="modal">
											<div class="modal-dialog">
												<div class="modal-content">
													<div class="modal-header">
														<div class="close" data-dismiss="modal">&times</div>
														<h1 class="modal-title">确认删除</h1>
														</div>
														<div class="modal-body">
														<h2>确定删除手机号：1392141432？</h2>
														</div>
														<div class="modal-footer">
													<div class="btn btn-primary" data-dismiss="modal">确定</div>
													<div class="btn btn-primary" data-dismiss="modal">取消</div>
												</div>
											</div>
										</div>
										</div>
											</div>
										</div>
									</div>
							</form>
							<form class="form-horizontal">
      							<div class="form-group">
      								<label class="control-label col-xs-3">QQ:</label>
									<div class="col-xs-6">
											<div class="input-group">
											<input class="form-control" placeholder="4324343" />
											<div class="btn btn-default"  data-toggle="modal" data-target="#zz">删除</div>
											<div id="zz" class="modal">
											<div class="modal-dialog">
												<div class="modal-content">
													<div class="modal-header">
														<div class="close" data-dismiss="modal">&times</div>
														<h1 class="modal-title">确认删除</h1>
														</div>
														<div class="modal-body">
														<h2>确定删除QQ号：4324343？</h2>
														</div>
														<div class="modal-footer">
													<div class="btn btn-primary" data-dismiss="modal">确定</div>
													<div class="btn btn-primary" data-dismiss="modal">取消</div>
												</div>
											</div>
										</div>
										</div>
										</div>	
									</div>
      							</div>
      						</form>
							<form class="form-horizontal">
      							<div class="form-group">
      								<label class="control-label col-xs-3">添加:</label>
									<div class="col-xs-6">
											<div class="input-group">
											<div class="btn btn-default"  data-toggle="modal" data-target="#aa"><span class="glyphicon glyphicon-plus"></span></div>
											<div id="aa" class="modal">
											<div class="modal-dialog">
												<div class="modal-content">
													<div class="modal-header">
														<div class="close" data-dismiss="modal">&times</div>
														<h3 class="modal-title">添加条目</h3>
														</div>
														<label class="control-label col-xs-3">类型:</label>
														<div class="col-xs-9">
															<div class="input-group">
															<input class="form-control" placeholder="手机号" />
															</div>
														</div>
														<label class="control-label col-xs-3">内容:</label>
														<div class="col-xs-9">
															<div class="input-group">
															<input class="form-control" />
															</div>
														</div>
														<div class="modal-footer">
															<div class="btn btn-primary" data-dismiss="modal">确定</div>
															<div class="btn btn-primary" data-dismiss="modal">取消</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</form>
						</div>
					<div class="modal-footer">
						<div class="btn btn-default">修改</div>
						<div class="btn btn-default"><a href="tongxunlu2.php">取消</a></div>
					</div>
      			</div>
			</div>
      	</div>
	  </div>
   </body>
</html>
